<template>
  <div>
    <div
        class="ud-app-loader ud-component--ui-feedback--ui-feedback"
        data-module-id="common/udlite/desktop"
        data-module-args='{"uiMessages":[]}'
        data-module-priority="-10"
      ></div>
      <div class="main-content">
        <div class="ud-component--logged-out-home--billboard">
          <div data-unique-id="340" style="display: none"></div>
          <div data-purpose="billboard" class="billboard--billboard--3-fQr">
            <div class="billboard--image-container--2JRqQ">
              <img
                src="../assets/static/picture/77f9aaeb-0bd4-48ff-ad3a-c88ff9f5f0fb.jpg"
                width="1340"
                height="400"
                alt=""
              />
            </div>
            <div class="billboard--content-box--JtXUJ">
              <h1
                class="udlite-heading-xxl"
                data-purpose="safely-set-inner-html:billboard:title"
              >
                优惠延长一天！
              </h1>
              <p
                class="udlite-text-md"
                data-purpose="safely-set-inner-html:billboard:subtitle"
              >
                课程 US$9.99 起。<b>此外，可获取免费学习指南</b>。<u
                  ><a
                    target="_blank"
                    href="https://support.udemy.com/hc/articles/360058080354"
                    >条款适用</a
                  ></u
                >。
              </p>
              <div
                class="udlite-search-form-autocomplete billboard--search-bar--3s2y1 udlite-form-group"
              >
                <label
                  class="udlite-sr-only udlite-form-label udlite-heading-sm"
                  for="u340-search-form-autocomplete--1"
                  >您想学习什么内容？</label
                >
                <form
                  action="/courses/search/"
                  class="udlite-search-form-autocomplete-input-group"
                >
                  <input
                    placeholder="您想学习什么内容？"
                    name="q"
                    autoComplete="off"
                    value=""
                    id="u340-search-form-autocomplete--1"
                    class="udlite-text-input udlite-text-input-large udlite-text-md udlite-search-form-autocomplete-input"
                  /><button
                    type="submit"
                    class="udlite-btn udlite-btn-large udlite-btn-ghost udlite-heading-md udlite-btn-icon udlite-btn-icon-large"
                  >
                    <svg
                      aria-label="提交搜索"
                      focusable="false"
                      class="udlite-icon udlite-icon-medium udlite-icon-color-neutral"
                    >
                      <use xlink:href="#icon-search"></use>
                    </svg>
                  </button>
                </form>
              </div>
            </div>
          </div>
        </div>
        <div
          class="ud-component--logged-out-home--value-props"
          data-component-props='{"type":"lohp_value_props","className":"transfer_billboard_margin"}'
        >
          <div data-unique-id="241" style="display: none"></div>
          <div class="discovery-unit-empty-render"></div>
        </div>
        <div class="headline udlite-container">
          <div class="headline__main-text udlite-heading-xl">
            全球最多的课程选择
          </div>
          <div class="headline__sub-text">
            任选 130000 门在线视频课程，每月都有新内容发布
          </div>
        </div>

        <div class="component-margin"></div>

        <div class="component-margin">
          <div data-unique-id="7" style="display: none"></div>
          <section class="udlite-container">
            <h2 class="udlite-heading-xl trending-topics--section-title--3UH9I">
              Featured topics by category
            </h2>
            <div class="trending-topics--container--a08Wq">
              <div class="trending-topics--category--1RwE6">
                <h2
                  class="udlite-heading-md trending-topics--title--kvhmu"
                  data-purpose="category-title"
                >
                  开发
                </h2>
                <div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/python/"
                        class="trending-topics--link--2qohI"
                        >Python</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      23214170 名学生
                    </div>
                  </div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/web-development/"
                        class="trending-topics--link--2qohI"
                        >网页开发</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      7936730 名学生
                    </div>
                  </div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/machine-learning/"
                        class="trending-topics--link--2qohI"
                        >机器学习</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      4545233 名学生
                    </div>
                  </div>
                </div>
              </div>
              <div class="trending-topics--category--1RwE6">
                <h2
                  class="udlite-heading-md trending-topics--title--kvhmu"
                  data-purpose="category-title"
                >
                  商务
                </h2>
                <div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/financial-analysis/"
                        class="trending-topics--link--2qohI"
                        >财务分析</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      907545 名学生
                    </div>
                  </div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/sql/"
                        class="trending-topics--link--2qohI"
                        >SQL</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      3471425 名学生
                    </div>
                  </div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/pmp/"
                        class="trending-topics--link--2qohI"
                        >PMP</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      1222756 名学生
                    </div>
                  </div>
                </div>
              </div>
              <div class="trending-topics--category--1RwE6">
                <h2
                  class="udlite-heading-md trending-topics--title--kvhmu"
                  data-purpose="category-title"
                >
                  IT 和软件
                </h2>
                <div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/aws-certification/"
                        class="trending-topics--link--2qohI"
                        >AWS 认证</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      3529580 名学生
                    </div>
                  </div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/ethical-hacking/"
                        class="trending-topics--link--2qohI"
                        >道德黑客</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      7599941 名学生
                    </div>
                  </div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/cyber-security/"
                        class="trending-topics--link--2qohI"
                        >网络安全</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      2583999 名学生
                    </div>
                  </div>
                </div>
              </div>
              <div class="trending-topics--category--1RwE6">
                <h2
                  class="udlite-heading-md trending-topics--title--kvhmu"
                  data-purpose="category-title"
                >
                  设计
                </h2>
                <div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/photoshop/"
                        class="trending-topics--link--2qohI"
                        >Photoshop</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      8192608 名学生
                    </div>
                  </div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/graphic-design/"
                        class="trending-topics--link--2qohI"
                        >平面设计</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      2322403 名学生
                    </div>
                  </div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/drawing/"
                        class="trending-topics--link--2qohI"
                        >绘图</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      2031079 名学生
                    </div>
                  </div>
                </div>
              </div>
              <a
                href="/featured-topics/"
                class="udlite-btn udlite-btn-large udlite-btn-primary udlite-heading-md"
                ><span>Explore more</span></a
              >
            </div>
          </section>
        </div>
      </div>
      <div class="component-margin">
        <div class="teach-on-udemy-non-student-cta-wrapper">
          <div
            class="do-not-use-udlite-full-width-container non-student-cta-wrapper"
          >
            <div class="non-student-cta-bg" data-purpose="non-student-cta">
              <div class="non-student-cta-content-wrapper">
                <img
                  src="../assets/static/picture/udlite-lohp-promo-teacher.jpg"
                  class="non-student-cta-image"
                  alt="non student cta image"
                  width="320"
                  height="320"
                />
                <div class="non-student-cta">
                  <h3 class="udlite-heading-xxl non-student-cta__header">
                    成为讲师
                  </h3>
                  <p class="udlite-text-md non-student-cta__content">
                    来自世界各地的顶级讲师在 Udemy
                    上为数百万学生教授课程。我们提供工具和技巧助您教授您热爱的课程。
                  </p>
                  <div class="non-student-cta__link">
                    <a
                      href="/teaching/?ref=teach_home-body"
                      class="udlite-btn udlite-btn-large udlite-btn-primary udlite-heading-md"
                      >即刻开始教学</a
                    >
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="component-margin">
        <section
          class="do-not-use-udlite-full-width-container partners-container"
          data-purpose="partners"
        >
          <div class="udlite-container partners">
            <h3 class="udlite-heading-xl partners__title">
              深受各种规模公司的信任
            </h3>
          </div>
        </section>
      </div>
      <div class="component-margin">
        <div class="ufb-non-student-cta-wrapper">
          <div
            class="do-not-use-udlite-full-width-container non-student-cta-wrapper"
          >
            <div class="non-student-cta-bg" data-purpose="non-student-cta">
              <div class="non-student-cta-content-wrapper">
                <img
                  src="../assets/static/picture/udlite-lohp-promo-ufb.jpg"
                  class="non-student-cta-image"
                  alt="non student cta image"
                  width="320"
                  height="320"
                />
                <div class="non-student-cta">
                  <h3 class="udlite-heading-xxl non-student-cta__header">
                    Udemy for Business
                  </h3>
                  <p class="udlite-text-md non-student-cta__content">
                    让您的团队可以无限访问 5000 多门 Udemy 热门课程。
                  </p>
                  <div
                    class="non-student-cta__link ud-ufb-notice-click-event"
                    data-placement="ufb_home-body"
                  >
                    <a
                      class="udlite-btn udlite-btn-large udlite-btn-primary udlite-heading-md"
                      href="https://business.udemy.com/request-demo-mx/?locale=zh_CN&amp;utm_medium=referral&amp;utm_source=marketplace&amp;utm_content=ufb-home-body&amp;utm_term=&amp;utm_campaign=mx-hooks&amp;ref=ufb_home-body"
                      target="_blank"
                      rel="noopener"
                    >
                      获取 Udemy for Business
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="component-margin">
        <div
          class="ud-component--logged-out-home--user_stories"
          data-component-props="{}"
        ></div>
      </div>
  </div>
</template>

<script>

</script>

<style>
 
</style>
